<template>
  <div>
		<!-- 顶部导航  -->
		<header-nav></header-nav>
		<!-- 路由视图 -->
		<div class="container">
			<div v-if="$route.meta.alive">
				<keep-alive>
					<router-view />
				</keep-alive>
			</div>
			<div v-else>
				<router-view />
			</div>			
		</div>  
		<!-- 底部导航	 -->			
		<footer-nav></footer-nav>
  </div>
</template>
<script>
	//导入组件
	import HeaderNav from "@/components/HeaderNav.vue"
	import FooterNav from "@/components/FooterNav.vue"
	
	export default {
		components:{  //组件 注册 局部
			FooterNav,HeaderNav
		}
	}
</script>
<style>

  .container {
    padding-top: 46px;
    padding-bottom: 50px;
    background-color: #ffffff;
  }
	
</style>
